.order-container {
		min-height: 100vh;
		background-color: #fafafa;

		.c-row-box {

			.c-row-head{
				display: flex;
				align-items: center;
				
				.c-row-title {
					margin: 0;
					padding: 20upx 0;
					flex: 0 20%;
					color: rgba(69, 90, 100, 0.6);
					font-weight: normal;
					font-size: 14px;
					line-height: 16px;
				}
				
				.c-row-more{
					flex: 1;
					text-align: end;
					font-size: 24upx;
					
					image{
						width: 70upx;
						height: 70upx;
					}
					
				}
				
			}			

			.c-row-item {
				border-radius: 8px;
				background-color: #FFFFFF;

				.c-row-list {
					position: relative;

					.c-row-col-list-item {
						padding: 5px 8px;
						display: flex;

						.col-text {
							flex: 1;
							text-align: end;

							input {
								height: 100%;
								font-size: 12px;
							}
							
							textarea{
								width: 100%;
							}

						}
						.col-file{
							flex: 1;
							.image-item{
								margin-bottom: 8px;
							}
						}
						.col-images {
							flex: 1;
							display: flex;
							justify-content: left;
							flex-wrap: wrap;
							.image-item{
								margin-bottom: 8px;
							}
						}

					}

				}

				.c-row-list:after {
					position: absolute;
					right: 8px;
					left: 8px;
					bottom: 0;
					content: ' ';
					border-bottom: 1px solid #ebedf0;
					transform: scaleY(.5);
				}

			}

		}

	}
	
	.c-button-primary {
		background-color: #409EFF;
		color: #FFFFFF;
	}
	
	.c-button-small {
		display: inline-block;
		width: 120upx;
		height: 60upx;
		line-height: 60upx;
		font-size: 24upx;
	}
	
	.c-button+.c-button {
		margin-left: 10px;
	}
	
	.action-text+.action-text {
		margin-left: 10px;
	}
	
	.action-text.primary {
		color: #409EFF;
	}
	
	.action-text.remove {
		color: #F56C6C;
	}
	
	.row {
		padding: 10upx 16upx;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #ebedf0;
		font-size: 12px;
		line-height: 24px;
	
		.col {
			flex: 1;
			white-space: nowrap;
			
			.col-item-text{
				width: 4rem;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
			}
			
		}
		.p20 {
			flex: 0 20%;
		}
		.col-left{
			text-align: left;
		}
	
		.col-right {
			text-align: end;
		}
	}
	.row.border-bottom{
		border-bottom: 1px solid #ebedf0;
	}
	
	.dialog-wrapper {
		margin: 0;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
		z-index: 20;
		background-color: rgba(0, 0, 0, .5);
	
		.dialog {
			position: relative;
			margin: 0 auto;
			margin-top: 15vh;
			width: 90%;
			text-align: center;
			background-color: #FFFFFF;
			box-sizing: border-box;
	
			.dialog-head {
				padding: 20upx 20upx 10upx;
	
				.dialog-title {
					line-height: 24px;
					font-size: 28upx;
				}
	
				.dialog-header_btn {
					position: absolute;
					top: 12px;
					right: 20px;
					width: 40upx;
					height: 40upx;
				}
	
			}
	
			.dialog-main {
				text-align: initial;
				padding: 25upx 25upx 30upx;
				word-break: break-all;
			}
	
			.dialog-footer {
				text-align: center;
				padding: 10upx 20upx 20upx;
				box-sizing: border-box;
			}
	
		}
	
	}